<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Regex Practice Page</title>
    <style>
        .highlight { color: red; }
        #special { font-weight: bold; }
    </style>
</head>
<body>
    <h1>Sample Text for Regex Practice</h1>

    <div class="content">
        <p>这是第一个span：<span>简单文本</span>在段落中间</p>

        <p>这个span有<a href="#"><span class="highlight">带class的文本</span></a></p>

        <div id="container">
            <span id="special" data-info="example">带ID和自定义属性的文本</span>
        </div>

        <p>空属性span：<span style="color: blue;">带内联样式的文本</span></p>

        <span>独立存在的span文本</span>
    </div>

</body>
</html>